@import url(./common.css);
html,body{
    min-width:320px;
    width: 15rem;
    margin: 0 auto;
    height: 100%;
  
  
}
ul li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}
// 清除浮动
.clearfix{
    content: '';
    display: block;
    clear: both;
}
.container{
    width: 15rem;
    height: 100%;
    position: relative;

    // 导航栏图片区域 
    .nav-bg{
        width: 15rem;
        height: 6.867187rem;//293px
        background: url(../img/解决方案_02.png) no-repeat 0 0/100% 100%;
        margin: 0 auto;
        margin-top :-0.703125rem;
    }
    // 滑动块区域
    .slide{
       width: 15rem;
        height:1.5rem;//64px
        margin: 0 auto;
        margin-top: .375rem;
        overflow-x: scroll;
        .slide-li{
            width:30.84375rem;//1316px;
            height:1.5rem;//64px
            li{
                float: left;
                width: 4.40625rem;//188px;
                height: 1.5rem;
                margin-left: .023437rem;
                a{
                    text-decoration: none;
                    display: block;
                    width: inherit;
                    height: inherit;
                    font-size: .585937rem;//25px;
                    color:#f3f3f3;
                    background: #333333;
                    text-align: center;
                    line-height: 1.5rem;
                }
            }
            li:nth-of-type(3){
                a{
                    background-color: red;
                }
            }
        }
    }
    // 内容块区域
    .content-a{
        width: 15rem;
        // 标题图
        .title-bg{
            margin: .9375rem auto;
            width: 15rem;
            height: 2.039062rem;
            background: url(../img/解决方案_04.png) no-repeat  0 0/100% 100%;
        }
        .content-a-1{
            width: 13.59375rem;//580px
            margin: 1.40625rem auto;
            .h1-bg{
                margin: .46875rem auto;
                width: 13.59375rem;
                height: .515625rem;
                background: url(../img/解决方案标题背景图.png) no-repeat 0 0/100% 100%;
                h1{

                    text-align: center;
                    margin: 0 auto;
                    width: 2.34375rem;
                    height: .46875rem;
                    color: #000;
                    font-size: .46875rem;
                }
            }
            p{
                text-align: left;
                width: 13.59375rem;
                font-size: .46875rem;
                text-indent: .9375rem;
                color: #676767;
            }

        }
        .content-a-2{
            width: 13.59375rem;//580px
            margin: .46875rem auto;
            .h1-bg{
                margin: .46875rem auto;
                width: 13.59375rem;
                height: .515625rem;
                background: url(../img/解决方案标题背景图.png) no-repeat 0 0/100% 100%;
                h1{

                    text-align: center;
                    margin: 0 auto;
                    width: 2.34375rem;
                    height: .46875rem;
                    color: #000;
                    font-size: .46875rem;
                }
            }
            ul{
                width: 13.59375rem;
                height:  1.640625rem;
                li{
                    float: left;
                    width: 4.335937rem;
                    height:  1.640625rem;
                    background: #f6f6f6;
                    margin-left: .1875rem;
                    text-align: center;
                    font-size: .46875rem;
                    color: #676767;
                    line-height: 1.640625rem;
                }
                li:nth-of-type(1){
                    background: red;
                    color: #f2f2f2;
                }
            }
            img{
                margin: .46875rem auto;
                width: 13.59375rem;
                height: 7.21875rem;
            }
        }
        .content-a-3{
            width: 13.59375rem;//580px
            margin: .46875rem auto;
            .h1-bg{
                margin: .46875rem auto;
                width: 13.59375rem;
                height: .515625rem;
                background: url(../img/解决方案标题背景图.png) no-repeat 0 0/100% 100%;
                h1{

                    text-align: center;
                    margin: 0 auto;
                    width: 2.34375rem;
                    height: .46875rem;
                    color: #000;
                    font-size: .46875rem;
                }
            }
            p{
                width: 13.59375rem;
                text-align: left;
                text-indent: .9375rem;
                font-size: .46875rem;
                color: #676767;
                display: flex;
                flex-direction: column;
                span{
                    display: block;
                    flex: 1;
                    text-align: left;
                    text-indent: 0;
                    margin: .9375rem 0;
                    line-height: .585937rem;
                    
                }
            }

        }
        
    }

    // 底部
    .foot{
      
        background-color: #f2f2f2;
        .test{
            margin: .234375rem auto;
            color: #b1b1b1;
        }
    }
}